/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-03-23 09:54:57
*/
/*banner*/
.wrap{width: 16rem !important;}

#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev{outline：none;background: none;width: 0.55rem;height: 0.55rem;}
#banner .swiper-button-next{outline：none;background: none;width: 0.55rem;height: 0.55rem;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{width: 100%;display: block;}
#banner .swiper-pagination-bullet{width: 7% !important;height: 2px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem !important;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

/*产品*/
#chanp{width: 100%;height: 16.5rem;background: url("../../images/index/cp_bg.jpg");} 
.title{font-size: 0.16rem;color: #999999;text-transform: uppercase;text-align: center;}
.title p{font-size: 0.46rem;color: #333333;font-weight: bold;padding-top: 1rem;padding-bottom: 0.1rem;letter-spacing: 1px;}
.title p span{color: #1d8742;}
#chanp .bottom{margin-top: 0.6rem;position:relative;}
#chanp .bottom .fl{width: 53.1%;}
#chanp .bottom .shang{height:7rem;}
#chanp .bottom .fl img{width: 100%;display: block;}

#honner{ width:18rem; height:65px;font-family:"Microsoft YaHei";float: left;}
#honner .tit{text-align: right;font-size: 0.4rem;color: #333333;margin-top: 0.7rem;position:absolute;top:0rem;right:1.2rem;}
#honner .tab{text-align: right;margin-top: 0;position:absolute;top:1.2rem;right:1.2rem;z-index:1111;}
#honner .tab a{font-size: 0.2rem;color: #333333;margin-left: 0.35rem;line-height: 0.45rem;height: 0.45rem;display: inline-block;}
#honner .tab a:hover,#honner .tab a.on{border-bottom: 2px solid #ff8d10;}

#honner .content{ overflow:hidden; width:18rem; position:relative; float:left;height:7rem;}

#honner .content .left_1 a:hover{color:#1763b5;}
#honner .content .left_2 a:hover{color:#1763b5;}
#honner .content .ul{ position:absolute; left:0; top:0; width:18rem;}
#honner .content .li{ width:18rem; float:left;}
#honner .aabottom{ width: 7.2rem;margin-top: 2rem;float:right;}	

#honner .aabottom .bbb{width: 100%;height: 3.4rem;background: #fff;  box-shadow: 0px 0px 27px 0px rgba(122, 122, 122, 0.2);}
#honner .aabottom .bbb li{float: left;border:1px solid #d6d6d6;height: 3.2rem;margin-top: 0.08rem;margin-left: -0.01rem;width:2.32rem;}
#honner .aabottom .bbb li:first-child{margin-left: 0.1rem;}
#honner .aabottom .bbb li p{line-height: 0.25rem;color: #333;font-size: 0.16rem;width:90%;padding:0 5%;margin-top: 0.1rem;}
#honner .aabottom .bbb li img{width: 2.32rem;display: block;}
#honner .aabottom .bbb li .tu{width: 0.26rem;height: 0.26rem;overflow: hidden;margin-left: 5%;margin-top: 5%;}
#honner .aabottom .bbb li .tu img{width: 100%;display: block;}
#honner .aabottom .bbb li:hover .tu img{margin-top: -0.26rem;}
#honner .aabottom .bbb li p span{display: block;text-transform: uppercase;color: #999999;font-size: 0.12rem;}
#honner .aabottom .hd{ margin-top:0.5rem;float: right;}
#honner .aabottom .hd ul{ height:0.12rem; text-align:center;}
#honner .aabottom .hd ul li{ display:inline-block;zoom:1; float:none; width:0.12rem; height:0.12rem; margin:0 10px; border-radius:0.12rem; background:#333333;}
#honner .aabottom .hd ul li.on{ background:#1d8742; width:0.5rem}


#jingz{width: 100%;height: 8.13rem;background: url("../../images/index/jingz.jpg")no-repeat center;background-size: cover; display: none;}
#jingz li{width: 2.64rem;height: 4.5rem;background-size: cover;padding: 0 0.2rem;position: relative;float: left;margin-right: 0.2rem;margin-top: 0.65rem;}
#jingz li:last-child{margin-right: 0;}
#jingz li .ico{width: 0.42rem;height: 0.42rem;overflow: hidden;margin-top: 0.8rem;}
#jingz li:hover .ico img{margin-top: -0.42rem;}
#jingz li img{width: 100%;display: block;}
#jingz li p{font-size: 0.32rem;color: #333333;font-weight: bold;margin-top: 0.4rem;margin-bottom: 0.1rem;}
#jingz li span{font-size: 0.16rem;display: block;height: 0.2rem;}
#jingz li .wen{font-size: 0.12rem;color: rgba(35,101,62,0.5);text-transform: uppercase;margin:0.4rem 0;}
#jingz li .an{width: 0.58rem;height: 0.32rem;overflow: hidden;}
#jingz li:hover .an img{margin-top: -0.32rem;}
#jingz li .shu{position: absolute;font-size: 0.28rem;color: #fff;right: 0.1rem;bottom: 0.4rem;font-family: 'din';}
#jingz li:hover p,#jingz li:hover span{color:#fff;}
#jingz li:hover .wen{color: rgba(255,255,255,0.3);}
#jingz li:hover{background: url("../../images/index/bgk.jpg")no-repeat center;background-size: cover;}

#jiesao{width: 100%;height: 8rem;background-size: cover; background-position: center; background-repeat: no-repeat; display: none;}
#jiesao .title p{color: #fff;}
#jiesao .title p span{color: #ffb015;}
#jiesao .title{font-size: 0.16rem;color: rgba(255,255,255,0.5);}

#jiesao .fl .yin{font-size: 0.24rem;font-weight: bold;color: rgba(255,255,255,0.5);margin-top: 0.5rem;}
#jiesao .fl .zhong{font-size: 0.32rem;color: #fff;font-weight: bold;line-height: 0.6rem;}
#jiesao .fl .zhong span{color:#ffb015;font-size: 0.36rem;}
#jiesao .fl .more{width: 1.2rem;height: 0.48rem;float: right;margin-top: 0.3rem;}
#jiesao .fl .more img{width: 100%;display: block;}
#jiesao .fl .shu{font-size: 0.18rem;color: #fff;margin-bottom: 0.2rem;}

#jiesao .quan{width: 6.5rem;}
#jiesao .quan li{width:1.1rem;height: 1.1rem;background: url("../../images/index/quan1.png")no-repeat center;background-size: cover;color:#fff;font-size: 0.18rem;text-indent: 0.15rem;line-height: 0.65rem;float: left;margin-left: 0.09rem;margin-right: 0.09rem;margin-top: 0.1rem;}
#jiesao .quan li:hover{background: url("../../images/index/quan2.png")no-repeat center;background-size: cover;}




#shili{width: 100%;height: 11.9rem;background:url("../../images/index/liyou_bg.jpg")o-repeat center;background-size: cover; display: none;}
#shili .bottom{width: 100%;margin-top: 0.5rem;}

.index_con02_switch_btn_wrap{width: 13.5rem;height:1.5rem;margin:0 auto;font-size: 0.2rem;text-align: center;margin-top: 0.6rem;}
.index_con02_switch_btn .tu{display: block;margin:0 auto;width: 0.42rem;height: 0.42rem;overflow: hidden;margin-top: 0.25rem;margin-bottom: 0.15rem;}
.index_con02_switch_btn .tu img{width: 100%;display: block;}
.index_con02_switch_btn a{width: 2.5rem;height: 1.5rem;background: #f5f1f0;border-radius: 0.2rem;border:1px solid #cfcfcf;display: block;float: left;margin-right: 0.2rem;font-size: 0.16rem; overflow: hidden;}
.index_con02_switch_btn a i{font-size: 0.12rem;color: #999999;text-transform: uppercase;display:block;margin-top: 0.1rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; box-sizing: border-box; padding: 0 14px;}
.index_con02_switch_btn a:last-child{margin-right: 0;}
.index_con02_switch_btn a.active{color: #fff;background: url("../../images/index/bgk.png")no-repeat center;background-size: cover;}
.index_con02_switch_btn a.active .tu img{margin-top: -0.42rem;}



.index_con02_left_btn{
	width: 0.54rem;
    height: 0.53rem;
    background: url("../../images/index/zuo1.png") no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    top:2.6rem;
    left:0;
    position: absolute;
    background-size: cover;
}

.index_con02_left_btn:hover,.index_con02_right_btn:hover{background-position:0 -0.53rem;}

.index_con02_right_btn{
	width: 0.54rem;
    height: 0.53rem;
    background: url("../../images/index/you1.png") no-repeat center 0px;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    top:2.6rem;
    right:0;
    position: absolute;
    background-size: cover;
}


.index_con02_switch_box{width: 100%;position: relative;display: none;margin-top: 0.3rem;}

.index_con02_switch_box .wenzi{width: 13.5rem;height: 6rem;margin:0 auto;position: relative;overflow: hidden;}
.index_con02_switch_box .wenzi .tu{width: 100%;height: 6rem; text-align: right;}
.index_con02_switch_box .wenzi .tu img{display: inline-block; min-height: 100%; min-width: 80%;}


.index_con02_switch_box .wenzi .wen{width: 2.9rem;height: 6rem;background-size: cover;position: absolute;float: left;margin-right: 0.2rem;background: url("../../images/index/lik.png")no-repeat center;top:0;left:0;padding:0 0.4rem;background-size: cover;}
.index_con02_switch_box .wenzi .wen .ico{width: 0.42rem;height: 0.42rem;overflow: hidden;margin-top: 1.1rem;}
.index_con02_switch_box .wenzi .wen .ico img{margin-top: -0.42rem;}
.index_con02_switch_box .wenzi .wen img{width: 100%;display: block;}
.index_con02_switch_box .wenzi .wen p{font-size: 0.36rem;color: #fff;font-weight: bold;margin-top: 0.4rem;margin-bottom: 0.2rem;}
.index_con02_switch_box .wenzi .wen span{font-size: 0.16rem;display: block;height: 0.2rem;color: #fff;line-height: 0.25rem;height: auto;}
.index_con02_switch_box .wenzi .wen .wen2{font-size: 0.12rem;color: rgba(255,255,255,0.5);text-transform: uppercase;margin:0.5rem 0;}
.index_con02_switch_box .wenzi .wen .an{width: 0.58rem;height: 0.32rem;overflow: hidden;}
.index_con02_switch_box .wenzi .wen .an img{margin-top: -0.32rem;}
.index_con02_switch_box .wenzi .wen .shu{position: absolute;font-size: 0.28rem;color: #fff;right: 0.1rem;bottom: 0.4rem;font-family: 'din';}


#xuank{width: 100%;height: 9.2rem;background: url("../../images/index/kehu.jpg")no-repeat center;background-size: cover; display: none;}
#xuank .title p{color: #fff;}
#xuank .title p span{color: #ffb015;}
#xuank .title{font-size: 0.16rem;color: rgba(255,255,255,0.5);}

#xuank .wrap{width: 85%;}
#xuank .info_box_pic_box{width:90%;overflow:hidden;position:relative;margin: 0 auto;margin-top: 0.5rem;}
#xuank .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.54rem !important;height: 0.53rem !important;overflow: hidden;top:35% !important;}
#xuank .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.54rem !important;height: 0.53rem !important;overflow: hidden;top:35% !important;}
#xuank .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;display: block;width: 100%;}
#xuank .swiper-button-prev:hover img, .swiper-container-rtl .swiper-button-next:hover img{margin-top: -0.53rem;}
#xuank .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;width: 100%;}
#xuank .swiper-button-next:hover img, .swiper-container-ltl .swiper-button-prev:hover img{margin-top: -0.53rem;}

#xuank .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width: 90%;border-radius: 0.1rem;}
#xuank .info_box_pic_box .swiper-slide .tit{font-size: 0.24rem;color: #fff;width: 90%;margin: 0 auto;margin-bottom: 0.2rem;margin-top: 0.4rem;}
#xuank .info_box_pic_box .swiper-slide .fl{width: 80%;}
#xuank .info_box_pic_box .swiper-slide .fr{width: 20%;}
#xuank .info_box_pic_box .swiper-slide .fr img{width: 1rem;display: block;margin: 0.6rem auto 0;}
#xuank .info_box_pic_box .swiper-slide .wen{width: 90%;margin: 0 auto;font-size: 0.14rem;color: #fff;line-height: 0.25rem;}
#xuank .info_box_pic_box .swiper-slide .wen a{width: 1.2rem;height: 0.48rem;line-height: 0.48rem;display: block;margin-top: 0.2rem;}
#xuank .info_box_pic_box .swiper-slide .wen a img{width: 100%;display: block;}

#xinwen .title{text-align: left;float: left;width: 80%;}
#xinwen .shang .more{width: 1.2rem;height: 0.48rem;display: block;line-height: 0.48rem;float: right;margin-top: 1.2rem;}
#xinwen .shang .more img{width: 100%;display: block;}
#xinwen .biao{font-size: 0.24rem;color: #222322;margin-bottom: 0.25rem;}
#xinwen .fl,#xinwen .fr{margin-top: 0.6rem;width: 7.5rem;}
#xinwen .fl .tu{width: 100%;height: 5rem;display: block;position: relative;}
#xinwen .fl .tu a{display:block;width:100%;}
#xinwen .fl .tu img{width: 100%;display: block;}
#xinwen .fl .tu .biao{width: 90%;padding: 0 5%;height: 0.8rem;color: #fff;font-size: 0.2rem;margin-bottom:0;line-height: 0.8rem;position: absolute;z-index: 111;bottom:0;left:0;display: block;background: rgba(0,0,0,0.5);}
#xinwen .fl .tu .biao span{font-size: 0.16rem;text-align: right;float: right;}

#xinwen .fr .qian li{height: 0.65rem;line-height: 0.65rem;display: block;width: 100%;}
#xinwen .fr .qian li i{font-size: 0.14rem;}
#xinwen .fr .qian li a{font-size: 0.16rem;padding-left: 0.2rem;transition:0.5s;}
#xinwen .fr .qian li a:hover{color:#1d8742;padding-left:0.5rem;}
#xinwen .fr .qian li span{float: right;}
#xinwen .fr .ding{width: 100%;height: 2.4rem;background: #1d8742;color: #fff;margin-bottom: 0.2rem;}

#xinwen .fr .ding .tu{width: 2.86rem;height: 1.8rem;padding:0.3rem;float: left;}
#xinwen .fr .ding .tu img{width: 100%;display: block;}


#xinwen .fr .ding .wen{width: 2.7rem;float: left;margin-left: 0.2rem;color: #fff;}
#xinwen .fr .ding .wen i{padding-top: 0.4rem;display: inline-block;}
#xinwen .fr .ding .wen .ti{font-size: 0.18rem;color: #fff;line-height: 0.3rem;margin-top: 0.2rem;display: block;}
#xinwen .fr .ding .wen .more{display: inline-block;}

#xinwen .fr .ding .more{font-size: 0.14rem;border-bottom: 1px solid #fff;padding-bottom: 0.1rem;color: #fff;display:block;}
#xinwen .fr .ding .more i{padding-left: 0.2rem;}

#xinwen .bottom .nr {
    position: relative;
    width: calc(100% + 60px);
    left: -30px;
    margin-top: 0.6rem;
}

#xinwen .bottom .nr .list {
    float: left;
    padding: 0 30px;
    width: 50%;
    box-sizing: border-box;
}

#xinwen .bottom .nr .list li {
    position: relative;
    padding-right: 100px;
    border-bottom: 1px solid #dfdfdf;
}

#xinwen .bottom .nr .list li .pic {
    display: none;
}

#xinwen .bottom .nr .list li .tit {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #828282;
}

#xinwen .bottom .nr .list li .date {
    font-size: 16px;
    color: #999;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
}

#xinwen .bottom .nr .list li:hover .tit {
    color: #1d8742;
}

#xinwen .bottom .nr .list a:nth-child(1) li {
    padding: 0 0 25px;
}

#xinwen .bottom .nr .list a:nth-child(1) li .pic {
    display: block;
    margin-bottom: 30px;
}

#xinwen .bottom .nr .list a:nth-child(1) li .tit {
    height: 30px;
    line-height: 30px;
}

#xinwen .bottom .nr .list a:nth-child(1) li .date {
    position: static;
    height: 30px;
    line-height: 30px;
}